const ChildLayout = () => import('./../components/childLayout/index.vue')

// prettier-ignore
/**
 * @type { name: string, path: string, title: string, children<{ name: string, path: string, title: string, component: any }>[]}
 */
const routes = [
  {
    name: 'button', path: 'button', title: '按钮类', component: ChildLayout, children: [
      { name: 'countDownBtn', path: 'countDownBtn', title: '倒计时按钮', component: () => import('./../views/Button/countDownBtn.vue') },
    ],
  },
  { name: 'chart', path: 'chart', title: '图表类', component: ChildLayout, children: [
      { name: 'chartQuantityAndGrowth', path: 'chartQuantityAndGrowth', title: '数量与增长率', component: () => import('./../views/Chart/quantity-and-growth.vue') },
      { name: 'chartMapChina', path: 'chartMapChina', title: '中国地图', component: () => import('./../views/Chart/map-china.vue') },
      { name: 'graphRelation', path: 'graphRelation', title: '关系图', component: () => import('./../views/Chart/relation/index.vue') },
      { name: 'graphRelation2', path: 'graphRelation2', title: '关系图2', component: () => import('./../views/Chart/relation2/index.vue') },
    ]
  },
  { name: 'structure', path: 'structure', title: '结构化内容类', component: ChildLayout, children: [
      { name: 'descriptions', path: 'descriptions', title: '描述', component: () => import('./../views/Structure/descriptions.vue') },
      { name: 'tableBase', path: 'tableBase', title: '基础表格', component: () => import('./../views/Table/tableBase.vue') },
      { name: 'tableReport', path: 'tableReport', title: '报告类表格', component: () => import('./../views/Table/report.vue') },
      { name: 'tableThGroup', path: 'tableThGroup', title: '表格单元格', component: () => import('./../views/Button/countDownBtn.vue') },
    ]
  },
  // { name: 'menu', path: 'menu', title: '菜单导航类', component: ChildLayout, children: [
  //     { name: 'menuIteration', path: 'menuIteration', title: '菜单迭代器', component: () => import('./../views/Button/countDownBtn.vue') },
  //     { name: 'catalogue', path: 'catalogue', title: '目录与正文', component: () => import('./../views/Button/countDownBtn.vue') },
  //   ]
  // },
  // { name: 'form', path: 'form', title: '表单类', component: ChildLayout, children: [
  //     { name: 'radio', path: 'radio', title: '单选', component: () => import('./../views/Button/countDownBtn.vue') },
  //     { name: 'checkbox', path: 'checkbox', title: '多选', component: () => import('./../views/Button/countDownBtn.vue') },
  //     { name: 'select', path: 'select', title: '下拉单选', component: () => import('./../views/Button/countDownBtn.vue') },
  //     { name: 'form', path: 'form', title: '表单', component: () => import('./../views/Button/countDownBtn.vue') },
  //   ]
  // },
  // { name: 'switch', path: 'switch', title: '状态切换类', component: ChildLayout, children: [
  //     { name: 'textEllipsis', path: 'textEllipsis', title: '文本省略', component: () => import('./../views/Button/countDownBtn.vue') },
  //   ]
  // },
  // { name: 'scroller', path: 'scroller', title: '滚动轮播类', component: ChildLayout, children: [
  //     { name: 'scrollerBar', path: 'scrollerBar', title: '滚动条', component: () => import('./../views/Button/countDownBtn.vue') },
  //   ]
  // },
  // { name: 'progress', path: 'progress', title: '进度条类', component: ChildLayout, children: [
  //     { name: 'progressBar', path: 'progressBar', title: '进度条', component: () => import('./../views/Button/countDownBtn.vue') },
  //   ]
  // },
]

export default routes
